<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">


<style>

    .userList{
        width: 70%;
        background: #fff;
        float: left;
        margin-right: 20px;
        padding: 15px;
        box-sizing: border-box;
    }

    .titleA{
        background: #ccc;
        line-height: 40px;
        padding-left: 10px;
    }
    trackDrawConfig
    .caption,.problem,.rubr,.mark{
        margin-top: 10px;
        font-size: 14px;
        width: 100% ;
        resize:none;
    }
    trackDrawConfig
    .rubr{
        height:100px !important;
    }

    .fixedList{
        width: 300px;
        float: left;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
        box-sizing: border-box;
    }

    .listBox{
        margin-top: 10px;
        display: table;
    }

    .listBox li{
        cursor:pointer;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 5px;
        margin-bottom:5px;
        float: left;
    }

    .listBox li:hover{
        background: #0fccbc;
    }

    .numberPeople,.maxScore,.minScore{
        width: 150px;
        border-radius: 5px;
        margin-right: 20px;
        text-align: center;
        padding: 15px;
        box-sizing: border-box;
    }
    #numberPeople,#maxScore,#minScore{
        margin-top: 10px;
    }
    .ibox{
        margin-bottom: 20px;
        overflow: hidden;
    }
    .fixed-table-toolbar{
        margin-bottom: 10px;
    }
    .user{
        background: #EDEEFF;
        width: 230px;
    }
    .tallGrade{
        background: #ffeeef;
        width: 230px;
    }
    .lowGrade{
        background: #fff6ee;
        width: 230px;
    }
    .pull-left p{
        color: #5a5f72;
    }
    .bgcoor{
        background: #ffffff;
        padding-top: 20px;
    }
    .pull-left img {
        width: 50%;height: 60px
    }
    .pull-left .content{
        display: flex;
        flex-direction: column;
        align-items:flex-start;
        margin-left: 20px
    }
    /*#exampleTable {border-left: 0px; border-right:0px}*/
    /*#exampleTable th{border-left: 0px; border-right: 0px}*/
    /*#exampleTable td{border-left: 0px; border-right: 0px}*/
    .table .thead-dark th {
        background-color:#f9fafe;
        border-color: #f1f4f5;
    }
    .bootstrap-table .fixed-table-container {
        height: calc(100vh - 160px) !important;
        font-size: 15px;
    }
    #exampleTable thead{
        position: sticky !important;
        top: -2px;
    }
    .scrolling-container {
        height: 20px;    /* 设置容器高度 */
        overflow: hidden;    /* 隐藏溢出内容 */
    }

    .scrolling-text {
        animation: scrolling 0.5s linear infinite;    /* 定义滚动动画 */
    }

    @keyframes scrolling {
        0% {
            transform: translateY(0);    /* 开始位置 */
        }
        100% {
            transform: translateY(-100%);    /* 结束位置 */
        }
    }
    #loading {

    }
</style>
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12 bgcoor">

        <div class="ibox">
            <div class="ibox-body">
                <div class="fixed-table-toolbar">
                    <div class="columns pull-left">
                        <button shiro:hasPermission="jzweb:trackDrawRegular:import" type="button" class="btn  btn-success"
                                onclick="downExcelModelFile()">导出
                        </button>
                    </div>
                </div>
                <table id="exampleTable" class="table-bordered" data-mobile-responsive="true">
                </table>
                <div class="container" style="margin-top: 15px">
                    <div class="row" >
                        <div class="col-md-6" >
                            <button id="drawButton" style="padding: 5px 60px"  type="button" class="btn  btn-success pull-right " onclick="startDrawButton()">开始抽签</button>
                        </div>
                        <div class="col-md-6 " >
                            <button id="stopButton" style="padding: 5px 60px" type="button" class="btn  btn-danger pull-left" onclick="stopDrawButton()" >停止抽签</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_resetPwd_h = 'hidden';
        var rubrinfo = 'hidden';
    </script>
</div>

<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:rubrinfo">
    <script type="text/javascript">
        rubrinfo = '';
    </script>
</div>

<div shiro:hasPermission="jzweb:examinationAnswerSheetComABCUpdate:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</div>

<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:remove">
    <script type="text/javascript">
        var s_remove_h = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:resetPwd">
    <script type="text/javascript">
        var s_resetPwd_h = '';
    </script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/trackDraw/trackDrawRegularSchool.js"></script>
</body>
</html>